.bg {
   background-color: blueviolet;
}
page {
  // background: linear-gradient(to right bottom,lightblue,lightgrey);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: silver;
  background-image: linear-gradient(335deg, #FF7F00 23px, transparent 23px),
  linear-gradient(155deg, #FF7F00 23px, transparent 23px),
  linear-gradient(335deg, #FF7F00 23px, transparent 23px),
  linear-gradient(155deg, #FF7F00 23px, transparent 23px);
  background-size: 58px 58px;
  background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px;
};
.index {
  position: relative;
  width: 100vw;
  height: 100vh;

  .user-info{
    height: 150rpx;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    .welcome {
      margin-left: 50rpx;
    }
    .user-url {
      width: 100rpx;
      height: 100rpx;
      border-radius: 50%;
      border: 5rpx solid gold;
      margin-left: 20rpx;
      image{
        width: 100%;
        height: 100%;
      }
    }
    .user-name {
      margin-left: 20rpx;
      font-family: 'SourceHanSerif';
    }
  }
}
.star {
   position: absolute;
   width: 5rpx;
   height: 5rpx;
   border-radius: 50%;
   box-shadow: 0 0 5rpx 8px salmon;
}
.yanjiu-but {
  width: 500rpx;
  height: 100rpx;
  background-color: #D2691E;
  position: absolute;
  z-index: 100;
  bottom: 225rpx;
  left: 125rpx;
  border-radius: 112.5rpx;
  line-height: 100rpx;
  text-align: center;
}
